<div class="row">
    <div class="span16">
        <ul class="tabs">
            <li class="tab active"><a href="#">Home</a></li>
            <li class="tab"><a href="#">Profile</a></li>
            <li class="tab"><a href="#">Messages</a></li>
            <li class="tab"><a href="<?php echo $this->baseUrl() . '/prescription/add' ?>">Settings</a></li>
            <li class="tab"><a href="<?php echo $this->baseUrl() . '/patient' ?>">Contact</a></li>
        </ul>
        <div class="tab-content" id="my-tab-content">
            <div id="home" class="tab-pane" style="display:block;">
                <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua,
                    retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit
                    butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid.
                    Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
            </div>
        </div>
    </div>
</div>
<script>

    var Tabs = {
        0   : 'pages/page1.html',
        1   : 'pages/page2.html',
        2   : 'pages/page3.html',
        3   : 'pages/page4.html'
    }

    // When the document loads do everything inside here ...
    $(document).ready(function(){
        $(".tabs li a").click(function(event){
            event.preventDefault();
        });
        // When a link is clicked
        $(".tabs li").click(function () {


            // var elment = event.originalTarget.href;
            // alert(elment);
            // switch all tabs off
            $(".active").removeClass("active");

            // switch this tab on
            $(this).addClass("active");
            $("#home").load($(this).find("a").attr("href"))

            // slide all content up
            // $(".tab-pane").slideUp();

            // slide this content up
            // var content_show = $(this).attr("title");
            //$("#"+content_show).slideDown();

        });

    });
</script>

<!--
<script type="text/javascript">

$(document).ready(function() {

        //Default Action
        $(".tab_content").hide(); //Hide all content
        $("ul.tabs li:first").addClass("active").show(); //Activate first tab
        $(".tab_content:first").show(); //Show first tab content

        //On Click Event
        $("ul.tabs li").click(function() {
                $("ul.tabs li").removeClass("active"); //Remove any "active" class
                $(this).addClass("active"); //Add "active" class to selected tab
                $(".tab_content").hide(); //Hide all tab content
                var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
                $(activeTab).fadeIn(); //Fade in the active content
                return false;
        });

});
</script>
-->